/**
 * VUEshop
 * ============================================================================
 * * 版权所有 2015-2027 深圳搜豹网络科技有限公司，并保留所有权利。
 * 网站地址: http://www.vueshop.com.cn
 * ----------------------------------------------------------------------------
 * 这不是一个自由软件！您只能在不用于商业目的的前提下对程序代码进行修改和使用 .
 * 不允许对程序代码以任何形式任何目的的再发布。
 * ============================================================================
 * $Author: 沈小白 2020-07-22 $
 */<template> 
	<view>
		<block v-if="type=='system'">
			<rich-text :nodes="content" type="text"></rich-text>
		</block>
		<block v-if="type!='system'">
			<view class="article">
				<view class="article-title">{{article.title}}</view>
				<view class="time">{{article.add_time_desc}}</view>
				<rich-text :nodes="article.content" type="text"></rich-text>
			</view>
		</block>
	</view>
</template>

<script>
	import {getSystemArticle,getArticle} from "@/api/api.js";
	export default {
		data() {
			return {
				content:"",
				type:"",
				article:"",//标题
			};
		},
		
		onLoad(option){
			console.log(option)
			/* type :system  系统文章
			*/ 
			if(option.type=="system"){
				this.type=option.type
				this.getSystemArticle(option.doc_code)
			}else{
				let params={
					article_id:option.doc_code
				}
				this.getArticle(params)
			}

		},
		methods:{
			/*系统文章*/
			getSystemArticle(params){
				getSystemArticle(params).then(res=>{
					this.content=res.doc_content
					console.log(res)
				})
			},
			/*普通文章*/
			getArticle(params){
				getArticle(params).then(res=>{
					console.log(res)
					this.article=res
				})
			} 
		}
	}
</script>

<style lang="scss">
	page{
		background: #fff;
	}
	.article{
		margin: 0 20rpx;
		// margin-top: 44px;
	}
	.article-title{
		padding-top:40rpx;
		margin-bottom: 40rpx;
		color: #333;
		font-size: 36rpx;
	}
	.time{
		margin-bottom:62rpx;
		color: #999;
		font-size: 22rpx;
	}
</style>
